<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/product.css">
</head>
<body>
<div id="all">
        <!--1. 头部 -->
<div id="top">
       <div class="top-cen">
        <img src="img/log.png" alt="log">
          <ul class="top-ul">
              <li><a href="index.html">首&nbsp;&nbsp;&nbsp;&nbsp;页<p>home</p></a></li>
              <li><a href="news.html">作品展示<p>showcase</p></a> </li>
              <li><a href="news-show.html">服务报价<p>service</p></a></li>
              <li><a href="product-show.html">外景展示<p>location</p></a></li>
              <li><a href="index.html">优惠活动<p>actmty</p></a></li>
              <li><a href="news.html">品牌介绍<p>brand
              </p></a></li>
              <li><a href="news-show.html">新闻咨询<p>hot&nbsp;event</p></a></li>
              <li><a href="product.html">联系我们<p>contac</p></a></li>
          </ul>
       </div>
</div>

<!--2. Banner -->
<div id="banner">
  <a href="#" >
      <ul class="banner-ul">
          <li id="banner-left"></li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li id="banner-right"></li>
      </ul>
  </a>
</div>
<!--3.微博，空间 -->
<div id="wei">
      <a href="#">
        <div class="wei-top1" >
          <img src="img/bg1-1_03.png" alt="bg1">
        </div>
      </a>
      <a href="#">
        <div class="wei-top2">
          <img src="img/bg1-2_03.png" alt="bg2">
        </div>
      </a>
        <div class="wei-top3">
          <a href="#"><div class="top3-01"></div></a>
          <a href="#"><div class="top3-02"></div></a>
          <a href="#"><div class="top3-03"></div></a>
        </div>
      <a href="#">
        <div class="wei-top4">
          <img src="img/bg1-4_03.png" alt="bg4">
        </div>
      </a>
</div>

<!-- 4.center -->
<div id="center">
  <div class="center-left">
       <p>您现在所在的位置：</p>
       <a href="index.html">北京婚纱摄影</a>
       <span>></span>
       <a href="#">婚纱摄影作品</a>
       <img src="img/class.png" alt="class">
       <div class="ph01">
         <div class="ph01-1"></div>
         <span>婚纱摄影作品</span>
         <ul>
            <a href="#"><li>经典欧美风 SHOW WORKS</li></a>
            <a href="#"><li>时尚中国风 SHOW WORKS</li></a>
            <a href="#"><li>唯美韩式风 SHOW WORKS</li></a>
            <a href="#"><li>精致花海风 SHOW WORKS</li></a>
            <a href="#"><li>浪漫海魂风 SHOW WORKS</li></a>
            <a href="#"><li>山水自然风 SHOW WORKS</li></a>
            <a href="#"><li>2016实景棚 SHOW WORKS</li></a>
         </ul>
       </div>
       <div class="ph02-z">
        <div class="ph02">
           <div class="ph02-1"></div>
           <span>婚纱摄影作品</span>
        </div>
        <div class="ph02">
           <div class="ph02-1"></div>
           <span>客户展示大赏</span>
        </div>
        <div class="ph02">
           <div class="ph02-1"></div>
           <span>全家福作品</span>
        </div>
        <div class="ph02">
           <div class="ph02-1"></div>
           <span>孕妇照作品</span>
        </div>
       </div>
       <div class="ph03">
         <img src="img/hotevent.png" alt="h" />
         <div class="ph03-photo">
           <a href="#">
               <div class="ph03-ph">
                 <p>01</p>
               </div>
               <div class="zi">
                 <p >万元大礼包奉送，拍婚照送婚纱...</p>
                 <span>POSTTIME:2013.04.03 </span>
               </div>
               <div class="xian2"></div>
               <div class="xian"></div>
           </a>
          </div>
          <div class="ph03-photo">
           <a href="#">
               <div class="ph03-ph">
                 <p>02</p>
               </div>
               <div class="zi">
                 <p >万元大礼包奉送，拍婚照送婚纱...</p>
                 <span>POSTTIME:2013.04.03 </span>
               </div>
               <div class="xian2"></div>
               <div class="xian"></div>
           </a>
          </div>
          <div class="ph03-photo">
           <a href="#">
               <div class="ph03-ph">
                 <p>03</p>
               </div>
               <div class="zi">
                 <p >万元大礼包奉送，拍婚照送婚纱...</p>
                 <span>POSTTIME:2013.04.03 </span>
               </div>
               <div class="xian2"></div>
               <div class="xian"></div>
           </a>
          </div>
         <div class="ph03-photo">
           <a href="#">
               <div class="ph03-ph">
                 <p>04</p>
               </div>
               <div class="zi">
                 <p >万元大礼包奉送，拍婚照送婚纱...</p>
                 <span>POSTTIME:2013.04.03 </span>
               </div>
               <div class="xian2"></div>
               <div class="xian"></div>
           </a>
          </div>
       </div>
       <div class="ph04">
        <img src="img/servic.png" alt="ht" />

        <div class="ph04-zz">
         <div class="ph04-1">
           <a href="#">
           <div class="ph04-p">
            <p>【三亚.青岛.北京】店长推荐</p>
           </div>
           <div class="ph04-1-div">
            <p>【三亚.青岛.北京】店长推荐</p>
            <span>6999</span>
           </div>
           </a>
         </div>
         <div class="ph04-1">
           <a href="#">
           <div class="ph04-p">
            <p>【玩转婚照】特惠C套系</p>
           </div>
           <div class="ph04-1-div">
            <p>【玩转婚照】特惠C套系</p>
            <span>5999</span>
           </div>
           </a>
         </div>
         <div class="ph04-1">
           <a href="#">
           <div class="ph04-p">
            <p>【玩转婚照】特惠B套系</p>
           </div>
           <div class="ph04-1-div">
            <p>【玩转婚照】特惠B套系</p>
            <span>4999</span>
           </div>
           </a>
         </div>
         </div>
       </div>
  </div>

  <div class="center-right">
    <img src="img/bg12.png" alt="bg">
    <div class="center-rose">
      <ul>
        <a href="product-show.html">
        <li class="rose-li">
          <img src="img/rose.png" alt="rose" />
          <div>
            <p class="rose-li-p1">环球蜜月行-天鹅堡</p>
            <p class="rose-li-p2">01</p>
            <p class="rose-li-p3">CASE</p>
          </div>
          <p>POST TIME:2013/04/17</p>
          <span>SEE MORE>></span>
        </li>
        </a>
        <a href="product-show.html">
        <li class="rose-li">
          <img src="img/rose.png" alt="rose" />
          <div>
            <p class="rose-li-p1">环球蜜月行-温莎城</p>
            <p class="rose-li-p2">02</p>
            <p class="rose-li-p3">CASE</p>
          </div>
          <p>POST TIME:2013/04/17</p>
          <span>SEE MORE>></span>
        </li>
        </a>
        <a href="product-show.html">
        <li class="rose-li">
          <img src="img/rose.png" alt="rose" />
          <div>
            <p class="rose-li-p1">环球蜜月行-温莎城</p>
            <p class="rose-li-p2">03</p>
            <p class="rose-li-p3">CASE</p>
          </div>
          <p>POST TIME:2013/04/17</p>
          <span>SEE MORE>></span>
        </li>
        </a>
        <a href="product-show.html">
        <li class="rose-li">
          <img src="img/rose.png" alt="rose" />
          <div>
            <p class="rose-li-p1">环球蜜月行-温莎城</p>
            <p class="rose-li-p2">04</p>
            <p class="rose-li-p3">CASE</p>
          </div>
          <p>POST TIME:2013/04/17</p>
          <span>SEE MORE>></span>
        </li>
        </a>
        <a href="product-show.html">
        <li class="rose-li">
          <img src="img/rose.png" alt="rose" />
          <div>
            <p class="rose-li-p1">环球蜜月行-温莎城</p>
            <p class="rose-li-p2">05</p>
            <p class="rose-li-p3">CASE</p>
          </div>
          <p>POST TIME:2013/04/17</p>
          <span>SEE MORE>></span>
        </li>
        </a>
        <a href="product-show.html">
        <li class="rose-li">
          <img src="img/rose.png" alt="rose" />
          <div>
            <p class="rose-li-p1">环球蜜月行-温莎城</p>
            <p class="rose-li-p2">06</p>
            <p class="rose-li-p3">CASE</p>
          </div>
          <p>POST TIME:2013/04/17</p>
          <span>SEE MORE>></span>
        </li>
        </a>
      </ul>
    </div>
  </div>
</div>
<!--5.bottom -->
<div id="bottom">
  <div class="bot-top">
     <div class="bbt-01">
        <div class="bbt-01-1">
          <div class="bbt-01-1-1">
            <p>重庆市沙坪坝区西永街道</p>
            <span>重庆市长寿区石堰镇麒麟村</span>
          </div>
        </div>

        <div class="bbt-01-2">
          <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
          <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
          <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
         <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
         <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
         <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
        </div>
     </div>
  </div>
  <div class="bot-center">
     <div class="bot-ph">

     </div>
     <div class="bot-ph1">
         <div class="bot-ph2"></div>
     </div>
  </div>
  <div class="bot-bottom">
     <div class="bot-bb"></div>
  </div>
</div>
</div>
</body>
</html>